<div class="form-box" id="login-box">
            <div class="header">Sign In</div>
            <form  name="loginForm" novalidate>
                <div class="body bg-gray">
                    <div class="form-group">
						<input class="form-control" type="email" name="email" ng-model="email" placeholder="Email" required>
						<span style="color:red" ng-show="loginForm.email.$dirty && loginForm.email.$invalid">
							<span ng-show="loginForm.email.$error.required">Email is required.</span>
							<span ng-show="loginForm.email.$error.email">Invalid email.</span>
						</span>                 
                    </div>
                    <div class="form-group">
                        <input type="password" ng-model="password" name="password" class="form-control" placeholder="Password" required/>
                        <span style="color:red" ng-show="loginForm.password.$dirty && loginForm.password.$invalid">
							<span ng-show="loginForm.password.$error.required">Password is required.</span>
						</span> 
                    </div>
                    <div class="form-group">
                        <input type="checkbox" name="remember_me"/> Remember me
                    </div>
                </div>
                <div class="footer">
                    <button ng-click="login()" class="btn bg-olive btn-block"
                    	ng-disabled="loginForm.email.$dirty && loginForm.email.$invalid ||  loginForm.password.$dirty && loginForm.password.$invalid || !loginForm.email.$touched "><img ng-show="showLoading" ng-src="img/ajax-loader_signup.gif" >&nbsp;{{registerText}}{{loginText}}</button>

                    <p><a href="#">I forgot my password</a></p>

                    <a href="#/register" class="text-center">Register a new membership</a>
                </div>
            </form>
            
            

            <div class="margin text-center">
                <span>Sign in using social networks</span>
                <br/>
                <button class="btn bg-light-blue btn-circle"><i class="fa fa-facebook"></i></button>
                <button class="btn bg-aqua btn-circle"><i class="fa fa-twitter"></i></button>
                <button class="btn bg-red btn-circle"><i class="fa fa-google-plus"></i></button>

            </div>
        </div>
        
    
</div>